<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>Carousel</title>
    <link rel="stylesheet" type="text/css" href="{{ asset("/custom-images/bootstrap/css/bootstrap.min.css") }}">
    <!-- 旋转缩放样式 -->
    <link rel="stylesheet" type="text/css" href="{{ asset("/custom-images/css/common/jquery.artZoom.css") }}">
    <!-- 自定义旋转缩放样式 -->
    <link rel="stylesheet" type="text/css" href="{{ asset("/custom-images/css/biz/carousel.css") }}">
    <link rel="stylesheet" type="text/css" href="{{ asset("/custom-images/css/biz/custom.css") }}">
</head>

<body>
    <div class="container">
        <div class="title">
            <p id="title">正在加载中...</p>
        </div>

        <div class="img-content col-md-12 col-sm-12 col-xs-12" style="display: none;">
            <div class="col-md-1 col-sm-1 col-xs-1 prevs">
                <div class="button-prevs">
                    <img class="img-responsive center-block" src="{{ asset("/custom-images/images/left.png") }}"/>
                </div>
            </div>

            <div class="img-box col-md-10 col-sm-10 col-xs-10">
            </div>
            <div class="col-md-1 col-sm-1 col-xs-1 nexts">
                <div class="button-nexts">
                    <img class="img-responsive center-block" src="{{ asset("/custom-images/images/right.png") }}" />
                </div>
            </div>
        </div>

        <div class="content col-md-12 col-sm-12 col-xs-12">
            <div class="col-md-1 col-sm-1 col-xs-1 prev">
                <div class="button-prev">
                    <img class="img-responsive center-block" src="{{ asset("/custom-images/images/left.png") }}" />
                </div>
            </div>
            <div class="interior col-md-10 col-sm-10 col-xs-10">
            </div>
            <div class="col-md-1 col-sm-1 col-xs-1 next">
                <div class="button-next">
                    <img class="img-responsive center-block" src="{{ asset("/custom-images/images/right.png") }}" />
                </div>
            </div>
        </div>
        <div class="switch col-md-12 col-sm-12 col-xs-12">
            <div class="pages col-md-1 col-sm-1 col-xs-1" style="float: right;">
                <span style="font-size: 30px;">1/4</span>
            </div>
            <div class="switch_box col-md-3 col-sm-3 col-xs-3" style="float: right;">
                <input type="checkbox" id="imgs" style="float: left;">
                <span style="float: left;">多图查看(按0)&nbsp;&nbsp;&nbsp;</span>
                <input id="self-motion" type="checkbox" style="float: left;">
                <span style="float: left;">自动播放&nbsp;&nbsp;</span>
                <span style="color: red;font-size: 20px;float: left;">F11全屏查看</span>
            </div>
        </div>
    </div>
    

    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
            </div>
        </div>
    </div>
    <!-- jq插件 -->
    <script src="{{ asset("/custom-images/js/common/jquery-1.11.0.min.js")}}"></script>
    <script src="{{ asset("/custom-images/bootstrap/js/bootstrap.min.js")}}"></script>
    <!-- 旋转缩放插件 -->
    <script src="{{ asset("/custom-images/js/common/jquery.artZoom.js")}}"></script>
    <!-- api -->
    <script type="text/javascript" src="{{ asset("/custom-images/js/common/config.js")}}"></script>
    <!-- 公共方法 -->
    <script type="text/javascript" src="{{ asset("/custom-images/js/biz/common.js")}}"></script>
    <!-- 自定义js -->
    <script src="{{ asset("/custom-images/js/biz/index.js")}}"></script>
</body>

</html>
